{%extends "cms/base/base.html" %} {% block content %}
<!--  checkbox styling script -->
<script src="/site_media/js/cms/ui.core.js" type="text/javascript"></script>
<script src="/site_media/js/cms/ui.checkbox.js" type="text/javascript"></script>
<script src="/site_media/js/cms/jquery.bind.js" type="text/javascript"></script>
<script src="/site_media/js/cms/custom_jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>
<!--  styled select box script version 2 -->
<script src="/site_media/js/cms/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_form_1').selectbox({
			inputClass : "styledselect_form_1"
		});
		$('.styledselect_form_2').selectbox({
			inputClass : "styledselect_form_2"
		});
	});
</script>
<!--  styled select box script version 3 --> 
<script src="/site_media/js/cms/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!-- start content -->
<div id="content">
	<table border="0" width="100%" cellpadding="0" cellspacing="0"
		id="content-table">
		<tr>
			<th rowspan="3" class="sized"><div style="width:20px;">&nbsp;</div></th>
			<th class="topleft"></th>
			<td id="tbl-border-top">&nbsp;</td>
			<th class="topright"></th>
			<th rowspan="3" class="sized"><div style="width:20px;">&nbsp;</div></th>
		</tr>
		<tr>
			<td id="tbl-border-left"></td>
			<td>
				<!--  start content-table-inner ...................................................................... START -->
				<div id="content-table-inner">
					<!--  start table-content  -->
					<div id="table-content">
						<!--  start product-table ..................................................................................... -->
						<form id="mainform" action="">
							<table border="0" width="100%" cellpadding="0" cellspacing="0"
								id="product-table">
								<tr>
									<th class="table-header-check"><a id="toggle-all"></a></th>
									<th class="table-header-repeat line-left">
										<a href="javascript:;">标签名称</a>
									</th>
									<th class="table-header-repeat line-left">
										<a href="javascript:;">标签描述</a>
									</th>
									<th class="table-header-repeat line-left"><a href="javascript:;">创建时间</a></th>
									<th class="table-header-repeat line-left"><a href="javascript:;">修改时间</a></th>
									<th class="table-header-options line-left"><a href="/admin/addTags">创建标签</a></th>
								</tr>
								{% for tag in tags_list %}
									<tr>
										<td><input type="checkbox" value="{{ tag.id }}" /></td>
										<td>{{ tag.name }}</td>
										<td>{{ tag.description }}</td>
										<td>{{ tag.write_time|date:'Y-m-d H:i:s' }}</td>
										<td>{{ tag.modify_time|date:'Y-m-d H:i:s' }}</td>
										<td class="options-width">
											<a href="/admin/editTags/{{ tag.id }}/off/" title="Edit" class="icon-1 info-tooltip"></a>
											<a href="/admin/deleteTags/{{ tag.id }}/{{ recommend }}/" title="Delete" class="icon-2 info-tooltip"></a>
											<a href="/admin/recommendTags/{{ tag.id }}/on/" title="Recommend" class="icon-3 info-tooltip"></a>
										</td>
									</tr>
								{% endfor %}
							</table>
							<!--  end product-table................................... -->
						</form>
					</div>
					<!--  end content-table  -->
					<!--  start actions-box ............................................... -->
					<div id="actions-box">
						<a href="" class="action-slider"></a>
						<div id="actions-box-slider">
							<a href="" class="action-edit">推荐</a>
							<a href="" class="action-delete">删除</a>
						</div>
						<div class="clear"></div>
					</div>
					<!-- end actions-box........... -->
					<div class="clear"></div>
				</div> <!--  end content-table-inner ............................................END  -->
			</td>
			<td id="tbl-border-right"></td>
		</tr>
		<tr>
			<th class="sized bottomleft"></th>
			<td id="tbl-border-bottom">&nbsp;</td>
			<th class="sized bottomright"></th>
		</tr>
	</table>
	<div class="clear">&nbsp;</div>
</div>
<!--  end content -->
{% endblock %}
